<template>
	<page-loading :show='pageLoading'>
		<view class="container">
    <view class="defaultMap" v-show="addList.length === 0">
      <image src="/static/img/images/tu.png" mode=""></image>
      <view class="texna">{{title}}</view>
    </view>

    <view
      class="modlues boxS"
      style="margin-bottom: 20rpx"
      v-for="(item, index) in addList"
      :key="item.id"
      @click="clickOther(item)"
    >
      <view class="m-top">
        <view class="m-top-left">
          <text>{{ item.name }}</text>
          <text style="margin-left: 30rpx">{{ item.mobile }}</text>
        </view>
        <!-- <view class="aa"></view> -->
        <view class="m-top-right" @tap.stop="goEdit(item)" v-if="roleId !== 0">
          <i-icon icon="iconqiyebianji"></i-icon>
          <text style="margin-left: 10rpx">编辑</text>
        </view>
      </view>
      <view class="m-bottom">
        <view class="m-bottom-left text-line2">
          {{ item.mcprovince }} {{ item.mccity }} {{ item.mcdistrict }} <br />{{
            item.address
          }}
        </view>
        <view class="m-bottom-right">
          <view :class="item.isdefault === 1 ? 'bottom-right' : ''">{{
            item.isdefault === 0 ? '' : '默认'
          }}</view>
          <view
            class="bottom-left"
            style="width: 100rpx"
            v-if="item.address_label !== 0"
            >{{ item.address_label === 1 ? '家' : '公司' }}</view
          >
        </view>
      </view>
      <!-- <carList :carlist='carlist'></carList> -->
    </view>
    <u-loadmore
      :status="status"
      @loadmore="more"
      v-show="addList.length !== 0"
    />
    <view class="footer" @click="addnewaddress" v-if="roleId !== 0">
      <view class="btn">添加新地址</view>
    </view>
  </view>
	</page-loading>
</template>

<script src="./meShipAddress.js"></script>
<style lang="scss" scoped>
@import './meShipAddress.scss';
</style>
